<template>
<!--    <div class="auth-warp">
        <el-link :underline="false" style="font-size: 20px;font-weight: 500;">没有权限，请先登录！</el-link>
        <el-button type="primary" plain @click="goBack">返回</el-button>
    </div>-->

    <div class="auth-warp">
        <el-result icon="error" title="错误提示" subTitle="没有权限，请先登录！">
            <template slot="extra">
                <el-button type="primary" plain @click="goBack">返回</el-button>
            </template>
        </el-result>

    </div>

<!--    <el-result title="404" subTitle="抱歉，请求错误">
        <template slot="icon">
            <el-image src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"></el-image>
        </template>
        <template slot="extra">
            <el-button type="primary" size="medium">返回</el-button>
        </template>
    </el-result>-->
</template>


<script>
    export default {
        name: "notAuthorized",
        methods:{
            goBack(){
                this.$router.replace("/")
            }
        }
    }
</script>

<style scoped>
    .auth-warp{
        height: 70vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .auth-warp button{
        margin-top: 20px;
    }
</style>
